﻿/****************************
* Global variables
*****************************/
function show_contact_form(){
	var modal = $("#myModal");
	
	$("#contact_form").show();
	$("#send_email_success").hide();
	$("#invalid_email").hide();
	
	modal.height("10px");
	modal.css("top","50%");
	modal.width("10px");
	modal.css("opacity","0.5");
	modal.modal("show");
	$("#send_button").show();
	
	modal.animate({ 
		width:width,opacity:0.5
    }, 800 );
	modal.animate({ 
		height:height,opacity:1
    }, 1000 );
}

function hide_contact_form(){
	var modal = $("#myModal");
	var height = modal.height();
	var width  = modal.width();
	
	modal.modal("show");
	modal.animate({ 
		height:10,opacity:0.5
    }, 1000 );
	modal.animate({ 
		width:10, opacity:0
    }, 800, function(){modal.modal("hide");});	 
}

function send_email(){
	if(!check_valid()) return;
	
	$("#send_button").hide();
	$("#contact_form").hide();
	$("#send_email_success").show();
		
	var modal = $("#myModal");
	modal.animate({ 
		height:230,
		top:"77%"
    }, 700);
}

function check_valid(){
	
	var email_name = $("#email_name");
	var email_address = $("#email_address");
	var email_content = $("#email_content");
	$(".email").css("border","1px solid #CCCCCC");
	
	if(email_name.val() == "") {
		email_name.css("border","1px solid red");
		return false;
	}else if(email_address.val() == ""){
		email_address.css("border","1px solid red");
		return false;
	}else if(!check_email(email_address.val())){
		$("#invalid_email_address").show();
		email_address.css("border","1px solid red");
		$("#invalid_email_address").html("Email không hợp lệ!");
		return false;
	}else if(email_content.val() == ""){
		email_content.css("border","1px solid red");
		return false;
	}
	
	return true;
		
}

function check_email(email_address){
	var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&"\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&"\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i);
    var valid_email = pattern.test(email_address);
	
	if(!valid_email) {
		$("#invalid_email").show();
		$("#email_address").focus();
	}
	return valid_email;
}

function centralize(element){
	var height = 1;
}

function back_to_main_content_body(){
	$("#main_content_body").animate({
		opacity:0.2					
	},500,function(){$("#main_content_body").html(main_content_body);});
	
	$('#main_content_body').animate({
		opacity:1							
	},500,function(){$('html, body').animate({scrollTop:300},1000)});
}

function show_detailt(){
	
	$("#main_content_body").animate({
		opacity:0.2					
	},500,function(){

	$("#main_content_body").html('<table width="100%" border="0"<tr valign="top"><td width="5%" valign="top"><img src="img/mangcuc.jpg" class="img-polaroid"</td><td width="20px"></td><td><b>Tên gọi: Lôm chôm</b><br/>Xuát sứ Trung Quốc. Có tính chất ngọt, thơm, màu sắc đẹp, thơm ngon, bỗ dưỡng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/>Xuát sứ Trung Quốc. Có tính chất ngọt, thơm, màu sắc đẹp, thơm ngon, bỗ dưỡng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/>Xuát sứ Trung Quốc. Có tính chất ngọt, thơm, màu sắc đẹp, thơm ngon, bỗ dưỡng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/>Xuát sứ Trung Quốc. Có tính chất ngọt, thơm, màu sắc đẹp, thơm ngon, bỗ dưỡng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/>Xuát sứ Trung Quốc. Có tính chất ngọt, thơm, màu sắc đẹp, thơm ngon, bỗ dưỡng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/>Xuát sứ Trung Quốc. Có tính chất ngọt, thơm, màu sắc đẹp, thơm ngon, bỗ dưỡng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/>Xuát sứ Trung Quốc. Có tính chất ngọt, thơm, màu sắc đẹp, thơm ngon, bỗ dưỡng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/>Xuát sứ Trung Quốc. Có tính chất ngọt, thơm, màu sắc đẹp, thơm ngon, bỗ dưỡng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/>Xuát sứ Trung Quốc. Có tính chất ngọt, thơm, màu sắc đẹp, thơm ngon, bỗ dưỡng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/>Xuát sứ Trung Quốc. Có tính chất ngọt, thơm, màu sắc đẹp, thơm ngon, bỗ dưỡng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/>Xuát sứ Trung Quốc. Có tính chất ngọt, thơm, màu sắc đẹp, thơm ngon, bỗ dưỡng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/>Xuát sứ Trung Quốc. Có tính chất ngọt, thơm, màu sắc đẹp, thơm ngon, bỗ dưỡng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/>Xuát sứ Trung Quốc. Có tính chất ngọt, thơm, màu sắc đẹp, thơm ngon, bỗ dưỡng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/>Xuát sứ Trung Quốc. Có tính chất ngọt, thơm, màu sắc đẹp, thơm ngon, bỗ dưỡng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/>Xuát sứ Trung Quốc. Có tính chất ngọt, thơm, màu sắc đẹp, thơm ngon, bỗ dưỡng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/>Xuát sứ Trung Quốc. Có tính chất ngọt, thơm, màu sắc đẹp, thơm ngon, bỗ dưỡng<br/>Trái được sử dụng để chế bến nhiều món ăn ngon như chè, trái cây và các loại thức uống khác.<br/>Công dụng: bổ sung nhiều Vitamin D, cung cấp cho con người nhiều chất dinh duõng<br/></td></tr><tr><td colspan="2"></td><td><a href="#" onClick="back_to_main_content_body();return false;">Trở về</a></td><tr/></table>');
	});
	$('#main_content_body').animate({
		opacity:1							
	},1000,function(){$('html, body').animate({scrollTop:300},1000)});
}

function highlight(element){
	//console.log(element.is(':checked'));
	if(element.checked) {
		$(element).parent().parent().css('color','#6F9E0C');
		
		if(parseInt($(element).parent().parent().find('.count').val()) == 0) 
			$(element).parent().parent().find('.count').val(1);
	}
	else $(element).parent().parent().css('background-color','white');
	count_total();
}

function count_total(e){
	if(e && e.value == 0)
		console.log($(e).parent().parent().find('.check_add_to_cart').val());
	
	var total = 0;
	$('input:checked').each(function(e){
		total += parseFloat($(this).parent().parent().find('span.price').html()) * parseInt($(this).parent().parent().find('.count').val());
	});
	
	$('#total').html(formatDollar(total*1000) + ' đ');
}

function formatDollar(num) {
    var p = num.toFixed(2).split(".");
    return p[0].split("").reverse().reduce(function(acc, num, i, orig) {
        return  num + (i && !(i % 3) ? "." : "") + acc;
    }, "");
}

